/* Animation CSS */
/* line 3, ../sass/animation.scss */
.iconRotateHide {
  animation: an1 0.5s linear 1;
  -webkit-animation: an1 0.5s linear 1;
}

/*.appCom li img:hover {
  animation: an1 1s linear 1;
  -webkit-animation: an1 1s linear 1;
}*/
@keyframes an1 {
  0% {
    right: 10px;
    opacity: 1;
  }
  50% {
    right: 45px;
    opacity: 0.5;
  }
  100% {
    right: 75px;
    opacity: 0;
    display: none;
  }
}
@-webkit-keyframes an1 {
  0% {
    right: 10px;
    opacity: 1;
  }
  50% {
    right: 45px;
    opacity: 0.5;
  }
  100% {
    right: 75px;
    opacity: 0;
    display: none;
  }
}
/*@keyframes an1 {
  0% {
    transform: rotateZ(0deg);
  }
  50% {
    transform: rotateZ(180deg);
    width: 35px;
    top: 22.5px;
    right: 22.5px;
  }
  100% {
    transform: rotateZ(360deg);
    width: 10px;
    top: 35px;
    right: 35px;
    display: none;
  }
}

@-webkit-keyframes an1 {
  0% {
    -webkit-transform: rotateZ(0deg);
  }
  50% {
    transform: rotateZ(180deg);
    width: 35px;
    top: 22.5px;
    right: 22.5px;
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    width: 10px;
    top: 35px;
    right: 35px;
    display: none;
  }
}*/
